<template>
	<div class="like-list">
		<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
			<el-tab-pane label="收藏歌曲" :name="1"> <LikeSong /> </el-tab-pane>
			<el-tab-pane label="收藏歌单" :name="2"><LikeSongList/></el-tab-pane>
			<el-tab-pane label="收藏MV" :name="3"><LikeMv/></el-tab-pane>
		</el-tabs>
    </div>
</template>

<script setup lang="ts">
import LikeSong from '@/components/common/LikeSong.vue';
import LikeSongList from '@/components/common/LikeSongList.vue';
import LikeMv from '@/components/common/LikeMv.vue';
import { ref } from "vue"

const activeName = ref(1)

function handleClick(tab, event) {
  console.log(tab, event);
}
</script>

<style lang="less" scoped>
.like-list {

}
</style>
